<template>
  <div class="cart-list">
    <list-item
      v-for="(item, index) of cartData"
      :key="index"
      :item="item"
    ></list-item>
  </div>
</template>

<script>
import ListItem from "./Item.vue";

import { mapState } from "vuex";

export default {
  name: "CartList",
  components: {
    ListItem,
  },
  computed: {
    ...mapState(["cartData"]),
  },
  mounted() {
    // console.log(this.cartData);
  },
};
</script>

<style lang="scss" scoped>
.cart-list {
  padding-bottom: 0.44rem;
}
</style>